<template>
  <div class="acxx">
    <div>
      <div class="up" style="height: 50px; border: 1px solid #000" v-if="flag">
        <button @click="flag = !flag">123</button>
      </div>
      <div class="down" style="height: 80px; border: 1px solid #000" v-else>
        <button @click="flag = !flag">123</button>
      </div>
    </div>
    <div class="flex" style="border: 1px solid yellow; flex: 1"></div>
  </div>
</template>

<script>
import LayoutDrag from "@/components/text.vue";
export default {
  components: { LayoutDrag },
  data() {
    return {
      flag: false,
    };
  },
};
</script>

<style>
.acxx {
  border: 1px solid #000;
  height: 70vh;
  display: flex;
  flex-direction: column;
}
</style>